<template>
    <view class="pageContent">
        <view class="car-list">
            <view class="flex">
                <view class="line"></view>

                <view class="title">销售公司详情</view>

            </view>
            <view class="item">
                <view class="car-title">{{ info.companyName }}</view>
                <view class="car-text">联系人：{{ info.linkmanName }}</view>
                <view class="car-text">联系电话：{{ info.phone }}</view>
                <view class="car-text">创建时间：{{ info.createTime }}</view>
            </view>
        </view>

        <liu-choose-address ref="scroll" @change='chooseSuccess' :key="isAddress"></liu-choose-address>
    </view>
</template>

<script>
import settleIn from '@/api/settleIn.js'
export default {
    name: 'salesList',
    components: {

    },
    data() {
        return {
            startCityItemValue: [],
            endCityItemValue: [],
            carSaleList: [],
            from: {
                province: '',
                city: '',
                address: ''
            },
            info: {},
            cityObject: {
                province: '',
                provinceString: '',
                city: '',
                cityString: '',
                region: '',
                regionString: '',
                aimProvince: '',
                aimProvinceString: '',
                aimCity: '',
                aimCityString: '',
                aimRegion: '',
                aimRegionString: ''
            },
        }
    },

    async onLoad(e) {
        console.log(e, 'eeeeeeeeee')
        this.salesList(e.id)
    },
    async onShow() {
    },
    methods: {
        // 获取销售公司
        async salesList(id) {
            let res = await settleIn.automobileMarketGetInfo(id);
            if (res.code == 200) {
                this.info = res.data
            }
        },
        getItem(e) {
            // console.log(e, '222222222')
        }
    }
}
</script>

<style lang="scss" scoped>
.pageContent {
    background: #F6F6F6;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    padding: 30rpx 28rpx;
    padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}

.car-search {
    padding-top: 8rpx;
    padding-bottom: 16rpx;
}

.select-area-item {
    // width: 300rpx;
    width: 50%;
    flex: 1;
    height: 64rpx;
    background: #f6f6f6;
    font-size: 26rpx;
    color: #666;
    margin-right: 20rpx;
    border-radius: 8rpx;
    line-height: 64rpx;
    padding: 0 20rpx;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;

    &:last-of-type {
        margin-right: 0;
    }

    .area-name {
        display: inline-block;
        font-size: 26rpx;
        color: #333;
        max-width: 160rpx;
    }
}

.car-list {
    margin: 36rpx 0rpx;
    // height: 180rpx;
    border-radius: 12rpx;
    // border: 1rpx solid #000;
    background: #fff;
    padding: 20rpx;
    // box-shadow: 2rpx 2rpx 10rpx 0rpx rgba(0, 0, 0, 0.5);

    .item {
        margin-bottom: 20rpx;
    }

    .car-title {
        color: #000000;
        font-family: "PingFang SC";
        font-size: 30rpx;
        font-style: normal;
        font-weight: 400;
        line-height: 40rpx;
        opacity: 0.9;
    }

    .car-text {
        color: #000000;
        font-family: "PingFang SC";
        font-size: 24rpx;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        opacity: 0.5;
        margin-top: 20rpx;
    }
}

.title {
    color: #000000;
    font-family: "PingFang SC";
    font-size: 32rpx;
    font-style: normal;
    font-weight: 500;
    line-height: 40rpx;
    opacity: 0.9;
    margin-bottom: 10rpx;
}

.line {
    width: 4rpx;
    height: 24rpx;
    flex-shrink: 0;
    border-radius: 4rpx;
    background: #1777FF;
    margin: 0 5rpx;
    margin-bottom: 10rpx;

}

.flex {
    display: flex;
    align-items: center;
}
</style>